<template>
	<div class="account_safe_manage">
		<el-tabs class="custom_top" v-model="activeName">
			<el-tab-pane label="密码规则" name="passRules"></el-tab-pane>
			<el-tab-pane label="强制修改密码" name="forceAmendList"></el-tab-pane>
			<el-tab-pane label="定时强制修改密码" name="forceAmendSet"></el-tab-pane>
			<el-tab-pane label="超期未登录账号禁用" name="overdueDisabled"></el-tab-pane>
		</el-tabs>
		<component :is="activeName"></component>
	</div>
</template>

<script>
import passRules from './passRules/index';
import forceAmendSet from './forceAmendSet/index';
import forceAmendList from './forceAmendList/index';
import overdueDisabled from './overdueDisabled/index';
export default {
	components: { passRules, forceAmendSet, forceAmendList, overdueDisabled },
	data() {
		return {
			activeName: 'passRules'
		};
	}
};
</script>

<style lang="scss" scoped>
.account_safe_manage {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #fff;
}
</style>
